<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <style>
      /* hover提示盒子、单位flex布局 */
      .hover-tip-box {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        gap: 5px;
        flex-wrap: wrap; /* 允许换行 */
      }

      .wzb-input-number-v2 .v3-number-box {
        width: 100px;
        height: 30px;
        display: block;
        position: relative;
      }

      .wzb-input-number-v2 .v3-number-box input {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding-left: 5px;
        border: 1px solid #ccc;
      }

      /* 调整提示信息的样式 */
      .tip_rules-999 {
        display: block; /* 使其成为块级元素 */
        width: 100%; /* 使其占满剩余空间 */
        word-wrap: break-word; /* 允许在单词内换行 */
        overflow-wrap: break-word; /* 同上 */
        white-space: normal; /* 允许换行 */
      }
    </style>

    <div class="hover-tip-box">
      <div class="wzb-input-number-v2">
        <label class="v3-number-box" style="width: 100px; height: 30px">
          <input
            type="text"
            name="res_idle_time"
            min="1"
            max="9999"
            step="1"
            disabled="disabled"
            title=""
          />
        </label>
      </div>
      <span>秒</span>
      <span class="tip_rules-999">（输入限制：可输入1-9999的正整数）</span>
    </div>
    <!-- <style>
      .hover-tip-box {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        gap: 5px;
        flex-wrap: wrap;
      }

      .wzb-input-number-v2 .v3-number-box {
        width: 100px;
        height: 30px;
        display: block;
        position: relative;
      }
      .wzb-input-number-v2 .v3-number-box input {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding-left: 5px;
        border: 1px solid #ccc;
      }
      .tip_rules-999 {
        display: inline-block;
        white-space: normal;
        word-wrap: break-word;
        word-wrap: break-word;
        overflow-wrap: break-word;
      }
    </style>
    <div class="hover-tip-box" style="display: inline-flex">
      <div class="wzb-input-number-v2">
        <label class="v3-number-box" style="width: 100px; height: 30px">
          <input
            type="text"
            name="res_idle_time"
            min="1"
            max="9999"
            step="1"
            disabled="disabled"
            title=""
          />
        </label>
      </div>
      <span>秒</span>
      <span class="tip_rules-999">（输入限制：可输入1-9999的正整数）</span>
    </div> -->
  </body>
</html>
